<template>
    <div class="VillageVerify" v-loading="loading">
        <div style="width: 100%;height: 100%;text-align: left">
            <div class="secretary-left-list">
                <div class="asideBox">
                    <el-row class="tac">
                        <el-col :span="24">
                            <el-menu
                                v-show="menuList.length > 0"
                                @open="handleOpen"
                                @close="handleClose"
                                @select="selectedActive">
                                <el-submenu :index="`${index}`"  v-for="(item,index) in menuList"  >
                                    <template slot="title">
                                        <img class="iconImage" :src="ParentIndex == index ? '/static/img/party-logo.png':'/static/img/jd.png'"/>
                                        <span>{{item.districtName}}</span>
                                    </template>
                                    <el-menu-item v-for="(subItem,index1) in item.ids" :index="subItem.id">{{subItem.name}}</el-menu-item>
                                </el-submenu>
                            </el-menu>
                            <div class="el-menu" style="line-height:48px;color: red;" v-show="menuList.length === 0">
                                暂无待审核的数据！
                            </div>
                        </el-col>

                    </el-row>
                </div>

            </div>
            <div class="secretary-center-detail" v-show="menuList.length !== 0">
              <!-- <div style="text-align: right;padding-right: 20px;font-size: 16px; font-weight: 700;color: #f00">友情提示：<span style="color: rgba(57,57,57,1)" class="el-icon-warning"></span> 表示该信息已变更</div> -->
                <div class="csjStyle">
                    <p style="margin-left: 10px">村干部信息</p>
                </div>
                <div>
                    <el-form label-position="right" label-width="85px">
                        <el-row  class="layout" :gutter="15">
                            <el-col :span="3">
                                <el-card shadow="hover"   class="cardBorderStyle headImg" >
                                    <div style="width: 100%;text-align: center;">
                                        <el-image :src="detailSj.headSculpture"  style="width: 90px;height: 135px;"></el-image>
                                        <div style="font-size: 14px;color: #DC2D23;font-weight: bold">{{detailSj.postName || "暂无"}}</div>
                                        <div style="font-size: 12px;font-weight: bold;color: #242424">{{detailSj.name || "暂无"}}</div>
                                    </div>
                                </el-card>
                            </el-col>
                            <el-col :span="10">
                                <el-card shadow="hover"  class="cardBorderStyle baseMassage">
                                  <el-popover
                                    placement="top-start"
                                    width="450"
                                    trigger="hover"
                                    popper-class="old_data_box">
                                    <div class="cardBorderStyle baseMassage">
                                      <el-form label-position="left" label-width="85px">
                                        <div class="cardTitleStyle">
                                            <el-image  class="smallTitle" src="../../../static/img/jbry.png"></el-image>
                                            <p>基本信息</p>
                                        </div>
                                        <el-col :span="10"  class="borderStyle">
                                            <el-form-item label="性别" >
                                                <span >{{oldData.sex||"暂无"}}</span>
                                            </el-form-item>
                                            <el-form-item label="出生日期">
                                                <span >{{oldData.birth||"暂无"}}</span>
                                            </el-form-item>
                                            <el-form-item label="民族">
                                                <span >{{oldData.nation||"暂无"}}</span>
                                            </el-form-item>
                                            <el-form-item label="籍贯">
                                                <!-- <span :title="oldData.nativePlace||'暂无'" style="width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{oldData.nativePlace||"暂无"}}</span> -->
                                                <el-tooltip :content="oldData.nativePlace" placement="top" v-if="oldData.nativePlace&&oldData.nativePlace.length>6">
                                                    <span>{{oldData.nativePlace.substring(0,5)}}...</span>
                                                </el-tooltip>
                                                <span v-else>{{oldData.nativePlace}}</span>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="身份证号" label-width="65px">
                                                <span >{{oldData.identityCard||"暂无"}}</span>
                                                <span class="el-icon-picture"  v-if="oldData.identityCardAnnex" @click="sfzCl(oldData.identityCardAnnex)"></span>
                                            </el-form-item>
                                            <el-form-item label="联系电话">
                                                <span >{{oldData.contact||"暂无"}}</span>
                                            </el-form-item>
                                            <el-form-item label="医疗保险">
                                                <span >{{oldData.medicalInsurance||"暂无"}}</span>
                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="20" class="socialSecurityDatabases_style">
                                            <el-form-item label="养老保险">
                                                <span >{{oldData.socialSecurityDatabases||"暂无"}}</span>
                                            </el-form-item>
                                        </el-col>
                                      </el-form>
                                    </div>
                                    <i slot="reference" class="el-icon-caret-right old_box"></i>
                                  </el-popover>
                                    <div class="cardTitleStyle">
                                        <el-image  class="smallTitle" src="../../../static/img/jbry.png"></el-image>
                                        <p>基本信息</p>
                                    </div>
                                    <el-col :span="10"  class="borderStyle">
                                        <el-form-item label="性别" >
                                            <span >{{detailSj.sex||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="出生日期">
                                            <span >{{detailSj.birth||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="民族">
                                            <span >{{detailSj.nation||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="籍贯">
                                            <!-- <span :title="detailSj.nativePlace||'暂无'" style="width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{detailSj.nativePlace||"暂无"}}</span> -->
                                            <el-tooltip :content="detailSj.nativePlace" placement="top" v-if="detailSj.nativePlace&&detailSj.nativePlace.length>6">
                                                <span>{{detailSj.nativePlace.substring(0,5)}}...</span>
                                            </el-tooltip>
                                            <span v-else>{{detailSj.nativePlace}}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="身份证号" label-width="65px">
                                            <span >{{detailSj.identityCard||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="detailSj.identityCardAnnex" @click="sfzCl(detailSj.identityCardAnnex)"></span>
                                        </el-form-item>
                                        <el-form-item label="联系电话">
                                            <span >{{detailSj.contact||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="医疗保险">
                                            <span >{{detailSj.medicalInsurance||"暂无"}}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="20" class="socialSecurityDatabases_style">
                                        <el-form-item label="养老保险">
                                            <span >{{detailSj.socialSecurityDatabases||"暂无"}}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-card>
                            </el-col>
                            <el-col :span="11">
                                <el-card shadow="hover"   class="cardBorderStyle workMessage"  >
                                  <el-popover
                                    placement="top-start"
                                    width="500"
                                    trigger="hover"
                                    popper-class="old_data_box">
                                    <div class="cardBorderStyle baseMassage">
                                      <el-form label-position="left" label-width="85px">
                                        <div class="cardTitleStyle">
                                        <el-image  class="smallTitle" src="../../../static/img/gz.png"></el-image>
                                        <p>基本工作信息</p>
                                    </div>
                                    <el-col  :span="12" class="borderStyle"  >
                                        <el-form-item label="担任职务">
                                            <el-tooltip :content="handlePost(oldData.cadresPost)" placement="top" v-if="oldData.cadresPost&&handlePost(oldData.cadresPost).length>8">
                                                <span>{{handlePost(oldData.cadresPost).substring(0,7)}}...</span>
                                            </el-tooltip>
                                            <span v-else>{{handlePost(oldData.cadresPost)}}</span>
                                        </el-form-item>
                                        <el-form-item label="政治面貌">
                                            <span >{{oldData.politicalOutlook||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="学历">
                                            <span >{{oldData.fullTimeEdu||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="oldData.educationAnnex" @click="sfzCl(oldData.educationAnnex)"></span>
                                        </el-form-item>
                                        <el-form-item label="毕业院校">
                                            <span >{{oldData.fullTimeSchool||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="是否村委会委员" label-width="100px">
                                            <span >{{oldData.memberOfCommittee||"暂无"}}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col  :span="10">
                                        <el-form-item label="在村工作年限">
                                            <span >{{oldData.onDutyTime?oldData.onDutyTime+'年':"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="oldData.workTimeAnnex" @click="sfzCl(oldData.workTimeAnnex)"></span>
                                        </el-form-item>
                                        <el-form-item label="入党时间" v-if="oldData.politicalOutlook=='党员'">
                                            <span >{{oldData.partyTime||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="oldData.partyTimeAnnex" @click="sfzCl(oldData.partyTimeAnnex)"></span>
                                        </el-form-item>
                                        <el-form-item label="健康状况">
                                            <span >{{oldData.health||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="薪酬等级">
                                            <span >{{oldData.wageScale||"暂无"}}</span>
                                        </el-form-item>
                                        <!-- <el-form-item label="专技职称">
                                            <span >{{oldData.professionalTitle||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="oldData.professionalTitleAnnex" @click="sfzCl(oldData.professionalTitleAnnex)"></span>
                                        </el-form-item> -->
                                        <el-form-item label="是否村党组织委员" label-width="110px">
                                            <span >{{oldData.memberOfPart||"暂无"}}</span>
                                        </el-form-item>
                                    </el-col>
                                      </el-form>
                                    </div>
                                    <i slot="reference" class="el-icon-caret-right old_box"></i>
                                  </el-popover>
                                    <div class="cardTitleStyle">
                                        <el-image  class="smallTitle" src="../../../static/img/gz.png"></el-image>
                                        <p>基本工作信息</p>
                                    </div>
                                    <el-col  :span="12" class="borderStyle"  >
                                        <el-form-item label="担任职务">
                                            <el-tooltip :content="handlePost(detailSj.cadresPost)" placement="top" v-if="detailSj.cadresPost&&handlePost(detailSj.cadresPost).length>8">
                                                <span>{{handlePost(detailSj.cadresPost).substring(0,7)}}...</span>
                                            </el-tooltip>
                                            <span v-else>{{handlePost(detailSj.cadresPost)}}</span>
                                        </el-form-item>
                                        <el-form-item label="政治面貌">
                                            <span >{{detailSj.politicalOutlook||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="学历">
                                            <span >{{detailSj.fullTimeEdu||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="detailSj.educationAnnex" @click="sfzCl(detailSj.educationAnnex)"></span>
                                        </el-form-item>
                                        <el-form-item label="毕业院校">
                                            <span >{{detailSj.fullTimeSchool||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="是否村委会委员" label-width="100px">
                                            <span >{{detailSj.memberOfCommittee||"暂无"}}</span>
                                        </el-form-item>
                                    </el-col>
                                    <el-col  :span="11">
                                        <el-form-item label="在村工作年限">
                                            <span >{{detailSj.onDutyTime?detailSj.onDutyTime+'年':"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="detailSj.workTimeAnnex" @click="sfzCl(detailSj.workTimeAnnex)"></span>
                                        </el-form-item>
                                        <el-form-item label="入党时间" v-if="detailSj.politicalOutlook=='党员'">
                                            <span >{{detailSj.partyTime||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="detailSj.partyTimeAnnex" @click="sfzCl(detailSj.partyTimeAnnex)"></span>
                                        </el-form-item>
                                        <el-form-item label="健康状况">
                                            <span >{{detailSj.health||"暂无"}}</span>
                                        </el-form-item>
                                        <el-form-item label="薪酬等级">
                                            <span >{{detailSj.wageScale||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="detailSj.wageScaleAnnex" @click="sfzCl(detailSj.wageScaleAnnex)"></span>
                                        </el-form-item>
                                        
                                        <!-- <el-form-item label="专技职称">
                                            <span >{{detailSj.professionalTitle||"暂无"}}</span>
                                            <span class="el-icon-picture"  v-if="detailSj.professionalTitleAnnex" @click="sfzCl(detailSj.professionalTitleAnnex)"></span>
                                        </el-form-item> -->
                                        <el-form-item label="是否村党组织委员" label-width="110px">
                                            <span >{{detailSj.memberOfPart||"暂无"}}</span>
                                        </el-form-item>
                                    </el-col>
                                </el-card>
                            </el-col >
                        </el-row>
                    </el-form>
                    <!--                第二行村书记基本西信息&ndash;&gt;-->
                    <el-row style="margin-top: 1%">
                        <el-col :span="7" style="width: 31.2%">
                          <el-card shadow="hover" class="cardBorderStyle cardTwoStyle workExperience" >
                            <el-popover
                              placement="top-start"
                              width="500"
                              trigger="hover"
                              popper-class="old_data_box">
                              <div class="cardBorderStyle baseMassage">
                                <el-form label-position="left" label-width="85px">
                                  <div class="cardTitleStyle">
                                  <el-image  class="smallTitle" src="../../../static/img/gz.png"></el-image>
                                  <p>社会保险信息</p>
                              </div>

                           <!-- <div class="insurance_box card_line">
                             <el-col :span="12">
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;医疗保险</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{oldData.medicalInsurance||"暂无"}}</p>
                               </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span>&nbsp;&nbsp;&nbsp;&nbsp;参保时间</span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{oldData.insuredTime||"暂无"}}</p>
                                 </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span><el-tooltip class="item" effect="dark" content="当前二级账户余额" placement="top"><span class="baseLabel">当前二...</span></el-tooltip></span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{oldData.secondaryAccountBalance||"暂无"}}</p>
                                 </el-col>
                             </el-col>
                             <el-col :span="11">
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span>缴费年限</span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{oldData.insurancePaymentPeriod||"暂无"}}</p>
                                 </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span>&nbsp;&nbsp;&nbsp;&nbsp;<el-tooltip class="item" effect="dark" content="当前一级账户余额" placement="top"><span class="baseLabel">当前一...</span></el-tooltip></span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 10px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{oldData.primaryAccountBalance||"暂无"}}</p>
                                 </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>
                                   <el-tooltip class="item" effect="dark" content="当前医保账户余额" placement="top">
                                   <span class="baseLabel">当前医...</span>
                                 </el-tooltip>
                                 </span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{oldData.insuranceAccountBalance||"暂无"}}</p>
                                 </el-col>
                             </el-col>
                           </div> -->
                           <div class="insurance_box">
                             <el-col :span="12">
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;养老保险</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{oldData.socialSecurityDatabases||"暂无"}}</p>
                               </el-col>
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;
                                   <el-tooltip class="item" effect="dark" content="上年账户累计储存额" placement="top">
                                   <span class="baseLabel">上年账...</span>
                                 </el-tooltip>
                                 </span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{oldData.depositBalance||"暂无"}}</p>
                               </el-col>
                               <el-col v-if="oldData.retirementWage" :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;退休工资</span>
                               </el-col>
                               <el-col v-if="oldData.retirementWage" :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{oldData.retirementWage}}</p>
                               </el-col>
                             </el-col>
                             <el-col :span="11">
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>缴费年限</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{oldData.paymentPeriod||"暂无"}}</p>
                               </el-col>
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;在职/退休</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{oldData.hasOnTheJob||"暂无"}}</p>
                               </el-col>
                             </el-col>
                           </div>
                                </el-form>
                              </div>
                              <i slot="reference" class="el-icon-caret-right old_box"></i>
                            </el-popover>
                            <div class="cardTitleStyle">
                                <el-image  class="smallTitle" src="../../../static/img/csj/jl.png"></el-image>
                                <p>社会保险信息</p>
                           </div>
                           <!-- <div class="insurance_box card_line">
                             <el-col :span="12">
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;医疗保险</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.medicalInsurance||"暂无"}}</p>
                               </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span>&nbsp;&nbsp;&nbsp;&nbsp;参保时间</span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.insuredTime||"暂无"}}</p>
                                 </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span><el-tooltip class="item" effect="dark" content="当前二级账户余额" placement="top"><span class="baseLabel">当前二...</span></el-tooltip></span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.secondaryAccountBalance||"暂无"}}</p>
                                 </el-col>
                             </el-col>
                             <el-col :span="11">
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span>缴费年限</span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.insurancePaymentPeriod||"暂无"}}</p>
                                 </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                     <span>&nbsp;&nbsp;&nbsp;&nbsp;<el-tooltip class="item" effect="dark" content="当前一级账户余额" placement="top"><span class="baseLabel">当前一...</span></el-tooltip></span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 10px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.primaryAccountBalance||"暂无"}}</p>
                                 </el-col>
                                 <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>
                                   <el-tooltip class="item" effect="dark" content="当前医保账户余额" placement="top">
                                   <span class="baseLabel">当前医...</span>
                                 </el-tooltip>
                                 </span>
                                 </el-col>
                                 <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                     <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.insuranceAccountBalance||"暂无"}}</p>
                                 </el-col>
                             </el-col>
                           </div> -->
                           <div class="insurance_box">
                             <el-col :span="12">
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;养老保险</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.socialSecurityDatabases||"暂无"}}</p>
                               </el-col>
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;
                                   <el-tooltip class="item" effect="dark" content="上年账户累计储存额" placement="top">
                                   <span class="baseLabel">上年账...</span>
                                 </el-tooltip>
                                 </span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.depositBalance||"暂无"}}</p>
                               </el-col>
                               <el-col v-if="detailSj.retirementWage" :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;&nbsp;&nbsp;退休工资</span>
                               </el-col>
                               <el-col v-if="detailSj.retirementWage" :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.retirementWage}}</p>
                               </el-col>
                             </el-col>
                             <el-col :span="11">
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>缴费年限</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.paymentPeriod||"暂无"}}</p>
                               </el-col>
                               <el-col :span="10" class="lableColor" style="margin-bottom: 5px;">
                                 <span>&nbsp;&nbsp;在职/退休</span>
                               </el-col>
                               <el-col :span="10" :offset="1" class="valueStyle" style="margin-bottom: 5px;">
                                 <p class="valueStyle content">&nbsp;&nbsp;{{detailSj.hasOnTheJob||"暂无"}}</p>
                               </el-col>
                             </el-col>
                           </div>
                          </el-card>
                        </el-col>
                        <el-col :span="8" style="margin-left: 1%">
                            <el-card shadow="hover" style="position: raletive"  class="cardBorderStyle cardTwoStyle workExperience" >
                                <el-popover
                                    placement="top-start"
                                    width="500"
                                    trigger="hover"
                                    popper-class="old_data_box">
                                    <div class="cardBorderStyle baseMassage moreMaxHeight">
                                      <el-form label-position="left" label-width="85px">
                                        <div class="cardTitleStyle">
                                            <el-image  class="smallTitle ggjl" src="../../../static/img/jl.png"></el-image>
                                            <p>工作简历</p>
                                        </div>
                                        <el-col :span="22" :offset="2" class="" >
                                            <el-timeline  :reverse="true">
                                                <el-timeline-item
                                                    v-for="(activity, index) in handleWorkExperience(oldData.workExperience)"
                                                    :key="index" style="text-align: left">
                                                    {{activity}}
                                                </el-timeline-item>
                                            </el-timeline>
                                        </el-col>
                                      </el-form>
                                    </div>
                                    <i slot="reference" class="el-icon-caret-right old_box"></i>
                                  </el-popover>
                                <div class="cardTitleStyle">
                                    <el-image  class="smallTitle ggjl" src="../../../static/img/jl.png"></el-image>
                                    <p>工作简历</p>
                                </div>
                                <el-col :span="22" :offset="2" class="Secoll" >
                                    <el-timeline  :reverse="true">
                                        <el-timeline-item
                                            v-for="(activity, index) in handleWorkExperience(detailSj.workExperience)"
                                            :key="index" style="text-align: left">
                                            {{activity}}
                                        </el-timeline-item>
                                    </el-timeline>
                                </el-col>
                                <el-col :span="5" :offset="19" v-if="handleWorkExperience(detailSj.workExperience).length>1">
                                    <el-popover
                                        placement="right"
                                        width="400"
                                        trigger="hover">
                                        <div class="moreMaxHeight">
                                            <el-timeline  :reverse="true">
                                                <el-timeline-item
                                                    v-for="(activity, index) in handleWorkExperience(detailSj.workExperience)"
                                                    :key="index" style="text-align: left;">
                                                    {{activity}}
                                                </el-timeline-item>
                                            </el-timeline>
                                        </div>
                                        <span class="more" slot="reference">更多 >></span>
                                    </el-popover>
                                </el-col>
                            </el-card>
                        </el-col>
                        <el-col :span="8" style="margin-left: 1%">
                            <el-card shadow="hover"  class="cardBorderStyle cardThirdStyle repaid" >
                                <el-popover
                                    placement="top-start"
                                    width="500"
                                    trigger="hover"
                                    popper-class="old_data_box">
                                    <div class="cardBorderStyle baseMassage moreMaxHeight">
                                      <div class="cardTitleStyle">
                                          <el-image  class="smallTitle" src="../../../static/img/bc.png"></el-image>
                                          <p>报酬情况</p>
                                      </div>
                                      <el-form label-position="left" label-width="85px">
                                        <el-col :span="22" :offset="2">
                                          <div style="margin-bottom: 20px" v-for="(item,index) in oldData.rewards">
                                              <el-row>
                                                  <el-col :span="12">
                                                      <el-col :span="9">
                                                          <span class="lableColor">获取时间</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <label><span class="valueStyle">{{item.achieveTime}}</span></label>
                                                      </el-col>
                                                  </el-col>
                                                  <el-col :span="12">
                                                      <el-col :span="9">
                                                          <span class="lableColor">基本报酬</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <label> <span class="valueStyle">{{item.basicReward}}</span></label>
                                                      </el-col>
                                                  </el-col>
                                              </el-row>
                                              <el-row>
                                                  <el-col :span="12">
                                                      <el-col :span="9">
                                                          <span class="lableColor">考核报酬</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <label><span class="valueStyle">{{item.reviewReward}}</span></label>
                                                      </el-col>
                                                  </el-col>
                                                  <el-col :span="12">
                                                      <el-col :span="9">
                                                          <span class="lableColor">增收奖励</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <label><span class="valueStyle">{{item.otherReward}}</span></label>
                                                      </el-col>
                                                  </el-col>
                                              </el-row>
                                              <el-row>
                                                  <el-col :span="12">
                                                      <el-col :span="9">
                                                          <span class="lableColor">其他报酬</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <label><span class="valueStyle">{{item.des}}</span></label>
                                                      </el-col>
                                                  </el-col>
                                                  <el-col :span="12">
                                                      <el-col :span="9">
                                                          <span class="lableColor">总报酬</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <label><span class="valueStyle">{{item.totalReward}}</span></label>
                                                      </el-col>
                                                  </el-col>
                                              </el-row>
                                              <el-row>
                                                  <el-col :span="24" style="padding: 0!important;" v-if="item.supportDoc" >
                                                      <el-col :span="4">
                                                          <span class="lableColor">佐证材料</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <span class="el-icon-picture sonIcon"  v-if="item.supportDoc" @click="sfzCl(item.supportDoc)"></span>
                                                      </el-col>
                                                  </el-col>
                                                  <el-col :span="12" style="padding: 0!important;" v-else>
                                                      <el-col :span="9">
                                                          <span class="lableColor">佐证材料</span>
                                                      </el-col>
                                                      <el-col :span="15">
                                                          <label><span class="valueStyle">暂无</span></label>
                                                      </el-col>
                                                  </el-col>
                                              </el-row>
                                          </div>
                                        </el-col>
                                      </el-form>
                                    </div>
                                    <i slot="reference" class="el-icon-caret-right old_box"></i>
                                  </el-popover>
                                <div class="cardTitleStyle">
                                    <el-image  class="smallTitle" src="../../../static/img/bc.png"></el-image>
                                    <p>报酬情况</p>
                                </div>
                                <el-col :span="22" :offset="2" class="Secoll">
                                    <div v-if="!(detailSj.rewards.length>0)">
                                        <el-image  class="nullImage" src="../../../static/img/nrzw.png"></el-image>
                                    </div>
                                    <div v-for="(item,index) in detailSj.rewards" v-if="index == 0">
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">获取时间</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.achieveTime}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">基本报酬</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label> <span class="valueStyle">{{item.basicReward}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">考核报酬</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.reviewReward}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">增收奖励</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.otherReward}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">其他报酬</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.des}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">总报酬</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.totalReward}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>

                                            <el-col :span="4">
                                                <span class="lableColor">佐证材料</span>
                                            </el-col>
                                            <el-col :span="12">
                                                <span class="el-icon-picture sonIcon"  v-if="item.supportDoc" @click="sfzCl(item.supportDoc)"></span>
                                            </el-col>
                                        </el-row>
                                    </div>
                                </el-col>
                                <el-col :span="4" :offset="20" v-if="detailSj.rewards.length>1">
                                    <el-popover
                                        placement="right"
                                        width="400"
                                        trigger="hover">
                                        <div v-for="(item,index) in detailSj.rewards">
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-col :span="9">
                                                        <span class="lableColor">获取时间</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label><span class="valueStyle">{{item.achieveTime}}</span></label>
                                                    </el-col>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-col :span="9">
                                                        <span class="lableColor">基本报酬</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label> <span class="valueStyle">{{item.basicReward}}</span></label>
                                                    </el-col>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-col :span="9">
                                                        <span class="lableColor">考核报酬</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label><span class="valueStyle">{{item.reviewReward}}</span></label>
                                                    </el-col>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-col :span="9">
                                                        <span class="lableColor">增收奖励</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label><span class="valueStyle">{{item.otherReward}}</span></label>
                                                    </el-col>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="12">
                                                    <el-col :span="9">
                                                        <span class="lableColor">其他报酬</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label><span class="valueStyle">{{item.des}}</span></label>
                                                    </el-col>
                                                </el-col>
                                                <el-col :span="12">
                                                    <el-col :span="9">
                                                        <span class="lableColor">总报酬</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label><span class="valueStyle">{{item.totalReward}}</span></label>
                                                    </el-col>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="24" style="padding: 0!important;" v-if="item.supportDoc" >
                                                    <el-col :span="4">
                                                        <span class="lableColor">佐证材料</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label>
                                                            <div v-for="subItem in handleImage(item.supportDoc)">
                                                                <el-image :src="subItem"></el-image>
                                                            </div>
                                                        </label>
                                                    </el-col>
                                                </el-col>
                                                <el-col :span="12" style="padding: 0!important;" v-else>
                                                    <el-col :span="9">
                                                        <span class="lableColor">佐证材料</span>
                                                    </el-col>
                                                    <el-col :span="15">
                                                        <label><span class="valueStyle">暂无</span></label>
                                                    </el-col>
                                                </el-col>
                                            </el-row>
                                        </div>
                                        <span class="more" slot="reference">更多 >></span>
                                    </el-popover>
                                </el-col>
                            </el-card>
                        </el-col>

                    </el-row>
                    <el-row style="margin-top: 1%">
                        <el-col :span="8" >
                            <el-card shadow="hover"   class="cardBorderStyle inCountry">
                                 <el-popover
                                    placement="top-start"
                                    width="500"
                                    trigger="hover"
                                    popper-class="old_data_box">
                                    <div class="cardBorderStyle baseMassage moreMaxHeight">
                                      <div class="cardTitleStyle" style="margin-left: 2%;margin-top: 0px">
                                          <el-image  class="smallTitle" src="../../../static/img/relation.png"></el-image>
                                          <p>在村工作具有近亲属关系人员</p>
                                      </div>
                                      <el-form label-position="left" label-width="85px">
                                        <el-col :span="22" :offset="2">
                                          <div  v-for="(item,index) in oldData.familyWorkInfoVOS"  class="mareBg">
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">姓名</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.name}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">称谓</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.appellation}}</span></label>
                                                        </el-col>
                                                    </el-col>

                                                </el-row>
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">政治面貌</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.politicalStatus}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">职务</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.job}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="24">
                                                        <el-col :span="9">
                                                            <span class="lableColor">在村工作时长</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.duration ? item.duration + '年' : '暂无'}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                        </el-col>
                                      </el-form>
                                    </div>
                                    <i slot="reference" class="el-icon-caret-right old_box"></i>
                                  </el-popover>
                                <div class="cardTitleStyle" style="margin-left: 2%;margin-top: 0px">
                                    <el-image  class="smallTitle" src="../../../static/img/relation.png"></el-image>
                                    <p>在村工作具有近亲属关系人员</p>
                                </div>
                                <el-col :span="22" :offset="2" class="Secoll">
                                    <div v-if="!(detailSj.familyWorkInfoVOS.length>0)">
                                        <el-image  class="nullImage" src="../../../static/img/nrzw.png"></el-image>
                                    </div>
                                    <div  v-for="(item,index) in detailSj.familyWorkInfoVOS" v-if="index == 0">
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">姓名</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.name}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">称谓</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.appellation}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">政治面貌</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.politicalStatus}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">职务</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.job}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="24">
                                                <el-col :span="9">
                                                    <span class="lableColor">在村工作时长</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.duration ? item.duration + '年' : '暂无'}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                    </div>
                                </el-col>
                                <el-col :span="4" :offset="20" v-if="detailSj.familyWorkInfoVOS.length>1">
                                    <el-popover
                                        placement="right"
                                        width="400"
                                        trigger="hover">
                                        <div class="moreMaxHeight">
                                            <div  v-for="(item,index) in detailSj.familyWorkInfoVOS"  class="mareBg">
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">姓名</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.name}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">称谓</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.appellation}}</span></label>
                                                        </el-col>
                                                    </el-col>

                                                </el-row>
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">政治面貌</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.politicalStatus}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">职务</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.job}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="24">
                                                        <el-col :span="9">
                                                            <span class="lableColor">在村工作时长</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.duration ? item.duration + '年' : '暂无'}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                        </div>
                                        <span class="more" slot="reference">更多 >></span>
                                    </el-popover>

                                </el-col>
                            </el-card>
                          <!--  <el-card shadow="hover"   class="cardBorderStyle cardThirdStyle family" >
                                <div class="cardTitleStyle">
                                    <el-image  class="smallTitle" src="../../../static/img/gx.png"></el-image>
                                    <p>家庭主要成员及社会关系</p>
                                </div>
                                <el-col :span="22" :offset="2" class="Secoll">
                                    <div v-if="!(detailSj.familyInfoVOS.length>0)">
                                        <el-image  class="nullImage" src="../../../static/img/nrzw.png"></el-image>
                                    </div>
                                    &lt;!&ndash;   //显示一条&ndash;&gt;
                                    <div  v-for="(item,index) in detailSj.familyInfoVOS" v-if="index == 0">
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">名称</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.name}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">称谓</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.appellation}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">出生年月</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.birthDay}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">政治面貌</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.politicalStatus}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="8">
                                                <span class="lableColor">工作单位及职务</span>
                                            </el-col>
                                            <el-col :span="16">
                                                <label><p class="valueStyle content">{{item.orgAndJob}}</p></label>
                                            </el-col>
                                        </el-row>
                                    </div>
                                </el-col>
                                <el-col :span="5" :offset="19" v-if="detailSj.familyInfoVOS.length>1">
                                    <el-popover
                                        placement="right"
                                        width="400"
                                        trigger="hover">
                                        <div class="moreMaxHeight">
                                            <div  v-for="(item,index) in detailSj.familyInfoVOS" class="mareBg">
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">名称</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.name}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">称谓</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.appellation}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">出生年月</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.birthDay}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">政治面貌</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.politicalStatus}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="6">
                                                        <span class="lableColor">工作单位及职务</span>
                                                    </el-col>
                                                    <el-col :span="18">
                                                        <label><span class="valueStyle">{{item.orgAndJob}}</span></label>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                        </div>
                                        <span class="more" slot="reference">更多 >></span>
                                    </el-popover>
                                </el-col>
                            </el-card>-->
                        </el-col>
                        <el-col :span="7"  style="margin-left: 2%">
                            <el-card shadow="hover" class="cardBorderStyle cardTwoStyle honer" >
                              <el-popover
                                    placement="top-start"
                                    width="500"
                                    trigger="hover"
                                    popper-class="old_data_box">
                                    <div class="cardBorderStyle baseMassage moreMaxHeight">
                                      <div class="cardTitleStyle">
                                          <el-image  class="smallTitle"  src="../../../static/img/jc.png"></el-image>
                                          <p>奖惩情况</p>
                                      </div>
                                      <el-form label-position="left" label-width="85px">
                                        <el-col :span="22" :offset="2">
                                          <div  v-for="(item,index) in oldData.honours"  class="mareBg">
                                                 <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">时间</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.achieveTime ? item.achieveTime.slice(0,4) : '暂无'}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">奖或惩</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.rewardsType}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">表彰级别</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.honourDescription}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">特殊表彰</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.honourType||'暂无'}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="24">
                                                        <el-col :span="4">
                                                            <span class="lableColor">表彰内容</span>
                                                        </el-col>
                                                        <el-col :span="20">
                                                            <span class="valueStyle">{{item.content}}</span>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="24" style="padding: 0!important;" v-if="item.supportDoc" >
                                                        <el-col :span="4">
                                                            <span class="lableColor">佐证材料</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label>
                                                                <div v-for="subItem in handleImage(item.supportDoc)">
                                                                    <el-image :src="subItem"></el-image>
                                                                </div>
                                                            </label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12" style="padding: 0!important;" v-else>
                                                        <el-col :span="9">
                                                            <span class="lableColor">佐证材料</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">暂无</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                        </el-col>
                                      </el-form>
                                    </div>
                                    <i slot="reference" class="el-icon-caret-right old_box"></i>
                                  </el-popover>
                                <div class="cardTitleStyle">
                                    <el-image  class="smallTitle"  src="../../../static/img/jc.png"></el-image>
                                    <p>奖惩情况</p>
                                </div>
                                <el-col :span="22" :offset="2" class="Secoll">
                                    <div v-if="!(detailSj.honours.length>0)">
                                        <el-image class="nullImage" src="../../../static/img/nrzw.png"></el-image>
                                    </div>
                                    <div v-for="(item,index) in detailSj.honours" v-if="index == 0">
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">时间</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.achieveTime ? item.achieveTime.slice(0,4) : '暂无'}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">奖或惩</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.rewardsType}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">表彰级别</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.honourDescription}}</span></label>
                                                </el-col>
                                            </el-col>
                                            <el-col :span="12">
                                                <el-col :span="9">
                                                    <span class="lableColor">特殊表彰</span>
                                                </el-col>
                                                <el-col :span="15">
                                                    <label><span class="valueStyle">{{item.honourType||'暂无'}}</span></label>
                                                </el-col>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="5">
                                                <span class="lableColor">表彰内容</span>
                                            </el-col>
                                            <el-col :span="19">
                                                <p class="valueStyle content">{{item.content}}</p>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="5">
                                                <span class="lableColor">佐证材料</span>
                                            </el-col>
                                            <el-col :span="19">
                                                <span class="el-icon-picture sonIcon"  v-if="item.supportDoc" @click="sfzCl(item.supportDoc)"></span>
                                            </el-col>
                                        </el-row>
                                    </div>
                                </el-col>
                                <el-col :span="4" :offset="20"  v-if="detailSj.honours.length>1">
                                    <el-popover
                                        placement="right"
                                        width="400"
                                        trigger="hover"
                                    >
                                        <div class="moreMaxHeight">
                                            <div v-for="(item,index) in detailSj.honours" class="mareBg">
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">时间</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.achieveTime ? item.achieveTime.slice(0,4) : '暂无'}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">奖或惩</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.rewardsType}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">表彰级别</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.honourDescription}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12">
                                                        <el-col :span="9">
                                                            <span class="lableColor">特殊表彰</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">{{item.honourType||'暂无'}}</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="24">
                                                        <el-col :span="4">
                                                            <span class="lableColor">表彰内容</span>
                                                        </el-col>
                                                        <el-col :span="20">
                                                            <span class="valueStyle">{{item.content}}</span>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                                <el-row>
                                                    <el-col :span="24" style="padding: 0!important;" v-if="item.supportDoc" >
                                                        <el-col :span="4">
                                                            <span class="lableColor">佐证材料</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label>
                                                                <div v-for="subItem in handleImage(item.supportDoc)">
                                                                    <el-image :src="subItem"></el-image>
                                                                </div>
                                                            </label>
                                                        </el-col>
                                                    </el-col>
                                                    <el-col :span="12" style="padding: 0!important;" v-else>
                                                        <el-col :span="9">
                                                            <span class="lableColor">佐证材料</span>
                                                        </el-col>
                                                        <el-col :span="15">
                                                            <label><span class="valueStyle">暂无</span></label>
                                                        </el-col>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                        </div>
                                        <span class="more" slot="reference">更多 >></span>
                                    </el-popover>
                                </el-col>
                            </el-card>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <div class="VillageVerify-right" v-show="menuList.length !== 0">
                <div class="zzClStyle">
                    <div class="csjStyle">
                        <p style="margin-left: 10px">佐证材料</p>
                    </div>
                    <viewer :images="images" class="csj-view">
                        <img v-for="item in images" :src="item" style="max-width: 300px;height: auto;margin: 20px 12px;width: 300px"/>
                    </viewer>
                </div>
                <div class="shCard">
                    <div class="csjStyle">
                        <p style="margin-left: 10px">审核信息</p>
                    </div>
                    <el-form class="demo-form-inline ShStyle" ref="reviewForm" :model="reviewForm" label-width="100px" :inline="true" >
                        <el-form-item label="审核人  " prop="auditor" :rules="{required: true, message: '审核人不能为空', trigger: 'blur'}">
                            <el-input type="textarea"  v-model="reviewForm.auditor"  :rows="1" style="margin-top: 10px;"></el-input>
                        </el-form-item>
                        <br>
                        <el-form-item label="审核意见" prop="auditAdvice" :rules="{required: true, message: '审核意见不能为空', trigger: 'blur'}">
                            <el-input type="textarea" :rows="2" v-model="reviewForm.auditAdvice" style="margin-top: 10px;"></el-input>
                        </el-form-item>
                        <br>
                        <div style="margin-left: 30px;margin-top: 15px">
                            <el-button type="primary" @click="review('SUCCESS')">通过</el-button>
                            <el-button class="bhStyle" type="danger" @click="review('FAILED')">驳回</el-button>
                        </div>
                    </el-form>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    // @current-change="currentChange"
    import LookUp from '@/lookup'
    export default {
        name: "VillageVerify",
        data(){
            return{
                pageable: {
                    total: 0,
                    page: 0,
                    size: 7,
                },
                detailSj: {
                    honours: [],
                    trainingInfoVOS: [],
                    familyWorkInfoVOS: [],
                    rewards: [],
                    familyInfoVOS: []
                },
                apiRoot: 'identity/sysDistrict',
                thisIndex : 0,
                ParentIndex : 0,
                menuList:[],
                zzcl : '../../../static/img/zwzz.png',
                reviewForm:{},
                zoomVis: false,
                images: [],
                loading:false,
                user:JSON.parse(sessionStorage.getItem('userInfo')),
                oldData: {}
            }
        },
        methods: {
            handleImage(imageUrl){
                let arr = [];
                if(imageUrl){
                    if(imageUrl.indexOf(',')>-1){
                        imageUrl.split(',').forEach(item => {
                            arr.push(item.split('&')[0]);
                        })
                    }else{
                        arr.push(imageUrl.split('&')[0]);
                    }
                }
                return arr;
            },
            handleOpen(key, keyPath) {
                this.ParentIndex = key;
            },
            handleClose(key, keyPath) {
            },
            selectedActive(key, keyPath){
                //获取待审核村书记
                this.$nextTick(() => {
                    this.loading=true;
                    this.$http('get',`identity/villageCadres/${key}id`,false).then(data => {
                      this.loading=false;
                        this.images = [];
                        this.detailSj = JSON.parse(data.villageCadresTemporaryes[0].cadresInfo);
                        if (this.detailSj.wageScaleAnnex) {
                          this.$confirm('该村干部职务与薪酬等级不匹配！', '提示', {
                            confirmButtonText: '确定',
                            showCancelButton: false,
                            type: 'warning'
                          })
                        }
                        this.oldData = data
                        console.log(this.oldData,'oldData');
                        console.log(this.detailSj, 'this.detailSj');
                        // return this.detailSj 
                    // }).then(res => {

                    //   this.$http('post',`identity/villageCadresTemporary/list`,{ cadresId: key },false).then(data => {
                    //       // this.loading=false;
                    //       // this.images = [];
                    //       // this.detailSj = data;
                    //       console.log(data, 'datatttttttt');
                    //       this.oldData = {}
                    //       if (data.length) {
                    //         this.oldData = JSON.parse(data[0].cadresInfo)
                    //       } else {
                    //         this.oldData = res
                    //       }
                    //       console.log(this.oldData, 'this.oldData');
                    //   })
                    })
                });
            },
            //工作简历时间线
            handleWorkExperience(workExperience) {
                if (!workExperience) {
                    return ["暂无工作简历信息！"];
                }
                let arr = []
                workExperience.split(/[\n]/).forEach(item => {
                  // console.log(item.replace(/,/g,""),'item');
                  let str = ''
                  str = item.replace(/,/g,"");
                  arr.push(str)
                })
                var index = arr.length - 1
                if (index > -1) {
                      arr.splice(index, 1);
                  }
                return arr
            },
            review(code) {
                if(!this.detailSj.id) {
                    this.$message({
                        type: 'warning',
                        message: '当前没有可以审核的对象！'
                    })
                    return;
                }
                this.$refs['reviewForm'].validate((valid) => {
                    if (valid) {
                        this.loading = true;
                        this.$http('PUT', `identity/villageCadres/secretaryReview/${this.detailSj.id}/${code}`, this.reviewForm,false).then(content => {
                            this.images = [];
                            if (code==='SUCCESS') {
                              if (this.user.districtId == '01') {
                                this.$http('PUT', `identity/villageCadres/${this.detailSj.id}id`,this.detailSj, false).then(content => {
                                  this.initData();
                                })
                              } else {
                                this.initData();
                              }
                            } else {
                              this.initData();
                            }
                            this.$message({
                                type: 'success',
                                message: code==='SUCCESS' ?'审核通过':'审核不通过'
                            });
                            this.reviewForm = {};
                            this.$emit('reviewFinish');
                        }).catch(()=> {
                            this.$message({
                                type: 'error',
                                message: '网络错误'
                            });
                        });
                    }
                });
            },
            //身份证移入的效果
            sfzCl:function (clPhone) {
                this.images = [];
                this.images = this.handleImage(clPhone).concat();
            },
            leave:function () {
                this.zzcl = '../../../static/img/zwzz.png';
            },
            initData() {
                this.loading=true;
                //获取待审核村书记
                this.$http('get',`identity/villageCadres/getExamines?cadresType=IN_SECRETARY&&districtId=${this.user.districtId}`,false).then(data => {
                    this.loading=false;
                    this.menuList = data;
                    this.menuList.forEach(function (array) {
                        array.isSubShow = true;
                    })
                    if (data[0] && data[0].ids && data[0].ids[0]) {
                        this.selectedActive(data[0].ids[0].id);
                    } else {
                        this.noData = true;
                        this.detailSj = {
                            honours: [],
                            trainingInfoVOS: [],
                            familyWorkInfoVOS: [],
                            rewards: [],
                            familyInfoVOS: []
                        };
                    }
                });
            },
            handlePost(value){
              console.log(value,'valuevaluevalue');
                if(value){
                    let endValue = [];
                    if(value.indexOf(',')>0){
                        let arr = value.split(',');
                        arr.forEach(item=>{
                          if (LookUp['Post'].filter(sub=>sub.value===item)[0]) {
                            endValue.push(LookUp['Post'].filter(sub=>sub.value===item)[0].label);
                          } else {
                            endValue.push(LookUp['PostBefore'].filter(sub=>sub.value===item)[0].label);
                          }
                        })
                    }else{
                        // endValue.push(LookUp['Post'].filter(sub=>sub.value===value)[0].label);
                        if (LookUp['Post'].filter(sub=>sub.value===value)[0]) {
                          endValue.push(LookUp['Post'].filter(sub=>sub.value===value)[0].label);
                        } else {
                          endValue.push(LookUp['PostBefore'].filter(sub=>sub.value===value)[0].label);
                        }
                    }
                    return endValue.join('、');
                    // return value
                }else{
                    return '暂无'
                }
            }
        },
        mounted(){
            this.initData();
        },
    }
</script>

<style scoped>
    .nullImage {
        width: 121px;
        height: 100px;
        background-size: 100% 100%;
        /*margin: 0 auto;*/
        float: right;
        display: none;
    }
    .baseMassage {
        background-image: url("../../../static/messageBg/cardBg.png");
        background-size: 100% 100%;
    }
    .workMessage {
        background-image: url("../../../static/messageBg/workMessageBg.png");
        background-size: 100% 100%;
    }
    .workExperience {
        background-image: url("../../../static/messageBg/workExperienceBg.png");
        background-size: 100% 100%;
    }
    .repaid {
        background-image: url("../../../static/messageBg/repaidBg.png");
        background-size: 100% 100%;
    }
    .family {
        background-image: url("../../../static/messageBg/familyBg.png");
        background-size: 100% 100%;
    }
    .inCountry {
        background-image: url("../../../static/messageBg/inCountryBg.png");
        background-size: 100% 100%;
    }
    .train {
        background-image: url("../../../static/messageBg/trainBg.png");
        background-size: 100% 100%;
    }
    .honer {
        background-image: url("../../../static/messageBg/honerBg.png");
        background-size: 100% 100%;
    }
    .assessment {
        background-image: url("../../../static/messageBg/assessmentBg.png");
        background-size: 100% 100%;
    }
    .mareBg {
        margin-top: 10px;
        border-bottom:1px dotted rgba(145, 145, 145, 0.38);
    }
    .list-item {
        background-color: white;
        margin-bottom: 25px;
        display: flex;
        padding: 10px 20px;
        transition: all .4s;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        font-size: 14px;
    }
    .list-item:hover {
        -webkit-transform: translateY(-5px) scale3d(1.05,1.05,1.05);
        transform: translateY(-5px) scale3d(1.05,1.05,1.05);
        background-color: #2ae1ff38;
        cursor: pointer;
    }
    .asideMenu{
        width: 130px;
        font-size: 14px;
        margin-left: 20px;
        margin-top: 20px;
    }
    ul li {
        list-style: none;
    }
    .asideBox {
        height: 100%;
        width: 170px;
    }
    aside {
        width: 100px!important;
        height: 100%;
        margin: 0!important;
    }

    .oneMenu {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        font-weight: bold;
        /*border-bottom: 1px solid #669cd9;*/
        text-align: left;

        cursor: pointer;
    }


    .oneMenuChild{
        height: 40px;
        line-height: 40px;
        /*color: #454343;*/
        font-size: 14px;
        cursor: pointer;
        text-align: left;
        margin-left: 10px;

    }

    .iconImage {
        width: 16px;
        height: 16px;
        margin-right: 10px
    }

    .csjStyle{
        border-left: 3px solid red;
        position: relative;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .cardTitleStyle{
        position: relative;
        text-align: left;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #B50C0A;
    }
    .cardBorderStyle{
        border: 1px solid #FD9090;
        height: 215px !important;
    }
    
    .headImg {
        background: url("/static/img/headImage.png") no-repeat;
        background-size: 100% 100%;
    }
    .cardTwoStyle {
        height: 200px;
    }
    .cardThirdStyle{
        height: 200px;
    }
    .smallTitle{
        vertical-align: middle;
        width: 12px;
        height: 12px;
        float: left;
        margin-top: 3px;
        margin-right: 3px;
    }
    .ggjl {
        width: 8px;
        height: 15px;
    }
    .smallTitle1{
        width: 10px;
        height: 10px;
        position: relative;
        left: -65px;
    }
    .lableColor{
        /* width:51px; */
        /* height:99px; */
        font-size:12px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(169,5,2,1);
        line-height:29px;
        line-height:25px;
        text-align: right;

    }
    .valueStyle {
        /* width:62px; */
        /* height:69px; */
        font-size:12px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(57,57,57,1);
        line-height:25px;
    }
    .content {
        width:100px;
        height:25px;
        font-size:12px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;
        -moz-text-overflow:ellipsis;
    }
    .Secoll{
        height: 150px;
        overflow: hidden;
    }
    .more{
        width:24px;
        height:12px;
        font-size:12px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(181,12,10,1);
        line-height:20px;
        cursor: pointer;
        margin-top: 15px;
        margin-left: 10px;
    }


    .firstCsjCard {
        width: 1180px;
        padding: 30px;
        background-size: cover;
    }
    .shCard {
        width: 330px;
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        transition: .3s;
        border-radius: 5px;
    }
    .zzClStyle{
        width: 330px;
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        transition: .3s;
        border-radius: 5px;
    }
    .borderStyle {
        margin-left: 15px;
    }
    .moreMaxHeight {
        max-height: 700px!important;
        overflow: scroll;
    }
    .sonIcon {
        margin-top: 5px;
    }
    .socialSecurityDatabases_style {
        margin-left: 15px;
    }
</style>

<style>
    .VillageVerify .el-icon-picture:before {
        color: #409EFF;
    }
    .VillageVerify .asideBox .el-submenu__title {
        text-align: left;
        font-size: 14px;
        padding: 10px !important;
        height: 42px;
        line-height: 22px;
        vertical-align: top;
    }
    .VillageVerify .asideBox .el-submenu__title .el-submenu__icon-arrow {
        right: 6px;
    }
    .VillageVerify .asideBox .el-submenu .el-menu-item {
        text-align: left;
        min-width: 170px;
        margin-left: 0;
        height: 32px;
        line-height: 32px!important;
        color: #777;
    }
    .VillageVerify .el-form-item__label {
        font-size:12px!important;
        font-family:Source Han Sans CN;
        font-weight:400!important;
        color:rgba(169,5,2,1) !important;
        text-align: left;
    }
    .VillageVerify .el-form-item__content{
      position: relative!important;
        margin-left: 78px!important;
        font-size:12px!important;
        font-weight:400!important;
        color:rgba(57,57,57,1) !important;
        text-align: center;
    }
    .old_box {
      position: absolute;
      right: -5px;
      top: -5px;
      cursor: pointer;
      font-size: 30px!important;
      color: #55BD94!important;
      transform: rotate(-45deg);
      /* z-index: 99; */
      /* transition: ; */
    } 
    .old_box:hover {
      transform: rotate(-45deg) scale(1.5);
    }
    .VillageVerify .socialSecurityDatabases_style .el-form-item__content{
        text-align: left;
    }
    .VillageVerify .el-timeline-item__node {
        background-color: #B50C0A;
    }
    .VillageVerify .el-timeline-item__node--normal {
        left: 0px!important;
        width: 10px!important;
        height: 10px!important;
    }
    .VillageVerify .el-timeline-item__tail {
      
        border-left: 2px solid #B50C0A;
    }
    .VillageVerify .el-timeline-item {
        padding-bottom: 10px!important;
    }
    .VillageVerify .el-timeline-item__content{
        font-size:12px!important;
        font-family:Source Han Sans CN;
        font-weight:400!important;
        color:rgba(57,57,57,1) !important;

    }
    .VillageVerify .el-menu-item.is-active {
        color: goldenrod !important;
        font-weight: 700;
    }
    .VillageVerify .el-submenu__title:hover, .VillageVerify .el-menu-item:hover {
        background-color: #54ff001c !important;
        border-radius: 6px;
    }
    .VillageVerify  .ShStyle .el-form-item__label {
        width:66px;
        height:16px;
        font-size:16px!important;
        font-weight:500;
        color:rgba(91,87,87,1) !important;
    }

    .VillageVerify  .ShStyle .el-form-item__content {
        margin-left: 0!important;

    }

    .VillageVerify  .ShStyle .el-textarea__inner {
        border: 1px solid #B50C0A !important;
        width: 300px;
    }

    .VillageVerify  .ShStyle .el-button {
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: #FFF;

        color:rgba(169,5,2,1);
        -webkit-appearance: none;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        -webkit-transition: .1s;
        transition: .1s;
        font-weight: 500;
        -moz-user-select: none;
        font-size:12px;
        width:117px;
        height:33px;
        border:1px solid #B50C0A;
        border-radius:5px;
        font-weight: bold;
    }

    .VillageVerify  .bhStyle{
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background:rgba(169,5,2,1)!important;

        color:rgba(255,255,255,1) !important;
        -webkit-appearance: none;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        -webkit-transition: .1s;
        transition: .1s;
        font-weight: 500;
        -moz-user-select: none;
        font-size:12px;
        width:117px;
        height:33px;
        border:1px solid rgba(169,5,2,1);
        border-radius:5px;
        font-weight: bold;
    }
    .VillageVerify  .shCard .el-card__body {
        padding: 0;
        
    }
    .VillageVerify .el-menu {
        max-height: 900px;
        overflow-y: scroll;
        overflow-x: hidden;
        background: transparent;
    }
    .secretaryManagement .VillageVerify .el-menu-item {
        font-size: 14px!important;
    }
    .VillageVerify  .secretary-left-list {
        text-align: center;width: 170px;height: 100%;overflow: hidden;display: inline-block;vertical-align: top;

    }
    .VillageVerify .secretary-center-detail {
        width: 1100px; height: 100%;display: inline-block;vertical-align: top;

    }
    .VillageVerify .el-form-item--mini .el-form-item__content, .VillageVerify .el-form-item--mini .el-form-item__label {
        line-height: 16px;
    }
    .VillageVerify-right {
        width: 300px;display: inline-block;vertical-align: top;
    }
    .VillageVerify .el-card__body {
        padding: 10px !important;
        position: relative;
    }
    .VillageVerify .csj-view {
        width: 330px;
        min-height: 300px;
        background-color: rgba(255, 255, 255, .6);
        border: #FD9090 solid 1px;
        border-radius: 4px;
        transition: all .8s;
        margin-bottom: 15px;
    }
    .VillageVerify  .el-icon-picture {
        cursor: pointer;
        /*margin-top: 5px;*/
    }
    .VillageVerify .demo-form-inline {
        width: 330px;
        min-height: 250px;
        background-color: rgba(255, 255, 255, .6);
        border: #FD9090 solid 1px;
        border-radius: 4px;
        transition: all .8s;
        margin-bottom: 15px;
        padding: 10px;
    }
    .VillageVerify .insurance_box.card_line {
      border-bottom: 1px dashed #ccc;
      margin-bottom: 10px;
    }
    .VillageVerify .insurance_box {
      overflow: hidden;
    }
</style>
<style lang="less">
.old_data_box {
  padding-top: 10px;
  .cardTitleStyle {
    margin: 10px;
  }
  .socialSecurityDatabases_style .el-form-item__content {
    text-align: left;
}
  .el-icon-picture:before {
    color: #409EFF;
  }
  .el-timeline-item__node {
    background-color: #B50C0A;
    }
    .el-timeline-item__tail {
        border-left: 2px solid #B50C0A;
    }
  .el-form-item__label {
        font-size:12px!important;
        font-family:Source Han Sans CN;
        font-weight:400!important;
        color:rgba(169,5,2,1) !important;
        text-align: left;
    }
  .el-form-item__content{
      position: relative!important;
        margin-left: 78px!important;
        font-size:12px!important;
        font-weight:400!important;
        color:rgba(57,57,57,1) !important;
        text-align: center;
    }
    .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
        line-height: 16px;
    }
}
</style>
